
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--[if IE]>
<script type="text/javascript" src="excanvas.js"></script>
<![endif]--> 
<title>文档标题</title>
</head>
 
<body>
	<script src="./hls.min.js"></script>
	<video id="video1" height="300" width="400" controls="controls" autoplay="autoplay"> Your browser does not support the video tag.  </video>
	<video id="video2" height="300" width="400" controls="controls" autoplay="autoplay"> Your browser does not support the video tag.  </video>
	  <!--source src="./html5/test.mp4" type="video/mp4" /-->
	  <!--source src="./html5/out.m3u8" type="video/" /-->
	<script>
	  if(Hls.isSupported()) {
		var video1 = document.getElementById('video1');
		var video2 = document.getElementById('video2');
		var hls1 = new Hls();
		hls1.loadSource('./html5/video/a_out.m3u8');
//		hls1.loadSource('./html5/video/long.mp4.m3u8');
		hls1.attachMedia(video1);
		hls1.on(Hls.Events.MANIFEST_PARSED,function() {
		  video1.play();
		  });
		var hls2 = new Hls();
		hls2.loadSource('./html5/video/b_out.m3u8');
		hls2.attachMedia(video2);
		hls2.on(Hls.Events.MANIFEST_PARSED,function() {
		  video2.play();
		  });
	 }
	</script>
欢迎访问HTML5 WEB!!!
</body>
 
</html>
